<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>资讯列表</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
<!-- top bar -->
<header class="bar bar-nav bar-white">
    <a class="button button-link button-nav pull-left back" href="javascript:history.back()">
        <span class="icon iconfont icon-fanhui"></span>
    </a>
    <h1 class='title title-white'>行业资讯</h1>
</header>
<!-- top bar end-->
<!--主体区域 开始-->
<div class="content wm-content ovf">
    <article>
        <div class="wm-buttons-tab__wrap wm-sort-buttons-tab">
            <div class="row no-gutter">
                <div class="col-100 wm-sort-scrollX__wrap pr">
                    <div class="buttons-tab wm-buttons-tab" id="articleTypeList" style="width: auto;">
                        <a href="" class="button active" data-id="0">全部</a>
                        <th:block th:if="!${#lists.isEmpty(dataMap)}" th:each="articleType : ${dataMap}" >
                            <a class="button articleType" th:text="${articleType['typeName']}" th:attr="data-articletype=${articleType['id']}"></a>
                        </th:block>
                    </div>
                </div>
            </div>
        </div>

        <!--资讯 开始-->
        <div class="page-infinite__wrap wm-page-course">
            <div class="page-group" id="page-infinite-scroll-bottom">
                <div class="page page-current">
                    <div class="content infinite-scroll native-scroll" data-type='native' data-distance="100">
                        <li>
                            <div class="card">
                                <div class="card-content">
                                   <div class="list-block media-list wm-information-list wm-course-list__wrap">
                                      <ul class="list-container wm-course-list" id="article-list">

                                      </ul>
                                   </div>
                                </div>
                            </div>
                        </li>
                    </div>
                </div>
            </div>
        </div>
        <!--资讯 结束-->
    </article>
</div>
<!--主体区域 结束-->
<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src="@{{path}/front/mobile/business/op/article/op-article-list.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>